<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>typeof 操作符返回变量或表达式的类型。</p>
    <p id="demo"></p>
  </body>
  <script>
    //程序题
    // function foo(a) {
    //   var b = a * 2;
    //   function bar(c) {
    //     console.log(a, b, c);
    //   }
    //   bar(b * 3);
    //   a = 4;
    // }
    // foo(2); //2 4 12

    // var a = 2;
    // function foo() {
    //   var b = a * 2;
    //   function bar() {
    //     console.log(a, b);
    //   }
    //   bar();
    //   a = 4;
    // }
    // foo(); // 2 4
    // foo(a); // 4 8

    // setTimeout(function () {
    //   for (var i = 0; i < 5; i++) {
    //     console.log(i);
    //   }
    // }, 1000);
    // console.log(i);
    // //报错：i is a not defind；随后打印0~4；

    // let res = Math.floor(Math.random() * 25 + 23);
    // let res1 = Math.floor(Math.random() * 25) + 23;
    // console.log(res, res1);

    let num = 1;
    let str = "";
    let flag = true;
    let un;
    function fn() {
      console.log("ok");
    }
    let empty = null;
    let date = new Date();
    let arr = new Array();
    let obj = { 1: 1 };
    document.getElementById("demo").innerHTML =
      "number：" +
      typeof num +
      "<br>" +
      "string：" +
      typeof str +
      "<br>" +
      "Boolean：" +
      typeof flag +
      "<br>" +
      "undefind：" +
      typeof un +
      "<br>" +
      "function：" +
      typeof fn +
      "<br>" +
      "null：" +
      typeof empty +
      "<br>" +
      "Date：" +
      typeof date +
      "<br>" +
      "Array：" +
      typeof arr +
      "<br>" +
      "Object：" +
      typeof obj;
  </script>
</html>
